<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
    <style>
        #main {
            margin: 200px auto;
        }
    </style>
</head>
<body>
    <div style="width: 460px" id="main">
        <form class="form-horizontal" action="/user/loginByusername" method="post">
            <div class="form-group" style="text-align: center;">
            </div>
            <div class="form-group">
                <label for="username" class="col-sm-2 control-label">用户名:</label>
                <div class="col-sm-5">
                    <input type="text" width="200px" class="form-control" id="username" name="username" placeholder="请输入4-16用户名">
                </div>
            </div>
            <div class="form-group" >
                <label for="password" class="col-sm-2 control-label">密  码:</label>
                <div class="col-sm-5" >
                    <input type="password"  class="form-control" name="password" id="password" placeholder="请输入6-16位密码">
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-5 col-sm-5">
                    <button type="submit" class="btn btn-info">登录</button>
                </div>
            </div>
        </form>
    </div>
</body>
</html>